$(function () {

    laydate.render({
        elem:'#month1'
        ,trigger:'click'
        ,type:'month'
        ,btns: ['confirm']
        ,value:new Date()
        // ,done: function(value, date, endDate){//控件选择完毕后的回调---点击日期、清空、现在、确定均会触发。
        //     $('#month1').val(value);
        //     // $('#month1').val();
        //
        //
        //     var x=$('#month1').val();
        //     ajax1(x);
        //
        // }
    })






    //饼状图 预算占比
    var x=$('#month1').val();

    function ajax1(x) {
        $.ajax({
            type: "get", // 以get方式发起请求
            url: Feng.ctxPath + "/statistics/show6?x=" + x, // 将你的请求参数以问号拼接到url中进行参数传递
            success(data) {
                // data为返回值
                // 成功后的回调方法

                //饼状图
                var budgetkind=[];
                for(var d in data){
                    budgetkind.push({value: data[d]['big1'], name: data[d]['v1']});
                    // alert(data[d]['n1']+" "+data[d]['v1']);
                }

                var mychart1=echarts.init(document.getElementById('personbing'));
                var option = {
                    title: {
                        text: '预算占比',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'item'
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                    },
                    toolbox: {
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    series : [
                        {
                            name: '预算占比',
                            type: 'pie',
                            radius: '55%',
                            data:budgetkind,
                            emphasis: {
                                itemStyle: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                };
                mychart1.setOption(option);
            },
            error(data){
                alert("cuowu");
            }

        })
    }

    //预算使用
    function ajax2(x) {
        $.ajax({
            type: "get", // 以get方式发起请求
            url: Feng.ctxPath + "/statistics/show5?x=" + x, // 将你的请求参数以问号拼接到url中进行参数传递
            success(data) {
                // data为返回值
                // 成功后的回调方法

                var divs= document.getElementsByClassName("div1");
                var progress=document.getElementsByClassName("progress-bar");
                // alert(progress.length);
                var i=0;
                for(var d in data){
                     // alert(data[d]['v1']+" "+data[d]['n1']+" "+data[d]['n2']);
                     //divs[i].innerHTML="<label>"+data[d]['v1']+"支出："+data[d]['big2']+'</label><label style="margin-left: 350px">月度预算：'+data[d]['big1']+"</label>";
                    divs[i].innerHTML='<div class="col-sm-9"><label>'+data[d]['v1']+"支出："+data[d]['big2']+ '</label></div><div class="col-sm-3"><label>月度预算：'+data[d]['big1']+"</label></div>";
                   // divs[i].append("<div class=\"col-sm-9\"><label>"+data[d]['v1']+"支出："+data[d]['big2']+ "</label></div><div class=\"col-sm-3\"><label>月度预算："+data[d]['big1']+"</label></div>");
                    var result=Math.floor(data[d]['big2']/data[d]['big1']*100);
                    progress[i].style.width=(result).toString()+"%";
                    progress[i].innerHTML=(result).toString()+"%";

                    if(result>50&&result<80){
                        progress[i].className="progress-bar progress-bar-warning";
                    }
                    else if(result>80){
                        progress[i].className="progress-bar progress-bar-danger";
                    }

                    i=i+1;

                }

            },
            error(data){
                alert("cuowu");
            }

        })
    }

    ajax1(x);
    ajax2(x);


});